<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>企业网站</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/media.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
<style>

    /* 联系方式 */
    .form {
    margin-top: 40px;
    font-size: 16px;
    transform: scale(1.2);
    color: rgba(145, 145, 145, 1);;
    margin-left: 50px;
}

.caption-contact {
    font-weight: bold;
    margin-top: 100px;
    margin-bottom: 0;
}

label{
    margin-bottom: 10px;
}

.form-group {
    margin-bottom: 2rem;
}

.form-control {

    display: block;
    width: 40%;
    padding:.375rem.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: rgba(145, 145, 145, 1);;
    background: hsla(0, 0%, 80%, .15);
    border-radius: 0;
    border: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
background-color: rgba(49, 51, 54, 0.491);
color: #ffffff;
}

.btn {
    background-color: rgba(211, 0, 0, 1)!important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: none;
    padding: 10px 80px;
    font-size: 16px!important;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #240000;
    background-color: #0062cc;
    border-color: #005cbf;
}

</style>
</head>
<body>
    <header>
        <!--导航栏-->
        <nav class="navbar navbar-expand-lg">
            <div class="container-fluid container">
                <a class="navbar-brand d-flex align-items-center fs-4" href="#">
                    <img src="images/10006.png" alt="logo"/>
                    <span class="p-4 text-white">企业集团</span>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon  text-white"></span>
                </button>
            </div>
        </nav>
    </header>
    <div class="box-scroll-container">
       <div class="box-scroll">
<!--           首页-->
           <div class="box-container">
               <div class="container">
                   <div class="bg-video">
                       <video src="video/bg.mp4" muted autoplay="autoplay" loop="loop"></video>
                   </div>
                   <div class="main-container text-white">
                       <p class="fs-5">打造高品质服务</p>
                       <p class="fw-bold">
                           为客户<span class="text-danger">创造价值</span>
                           <br />是我们永远不变的使命
                       </p>
                       <p class="fs-5"><a href="#">进一步了解  >></a></p>
                   </div>
               </div>
           </div>
<!--           公司简介-->
           <div class="box-container" style="display: none">
               <div class="container info">
                   <div class="tab-scroll d-lg-flex d-md-block justify-content-between">
                       <div class="tab d-flex d-lg-block text-center">
                           <div class="tab-title tab-current" data-cs-id="0">公司简介</div>
                           <div class="tab-title" data-cs-id="1">发展历程</div>
                           <div class="tab-title" data-cs-id="2">公司视频</div>
                       </div>
                       <div class="tab-scroll-box">
                           <div class="tab-scroll-item" data-cs-id="0">
                                <div class="tab-scroll-item-box d-lg-flex">

                                    <div class="tab-scroll-item-box-left">
                                        <h1 class="caption">公司简介</h1>
                                        <div>
                                            <div>
                                                我们以“专注做好品质，用心做好服务”为核心价值
                                                这是一篇示例简介，所谓公司简介，顾名思义，就是您对这家公司的一个简单概括的介绍，
                                                目的是为了让想了解您公司的人怼您的公司有一个初步的认识。下面是公司简介常规的内容供您参考
                                            </div>
                                            <div>
                                                我们以“专注做好品质，用心做好服务”为核心价值
                                                这是一篇示例简介，所谓公司简介，顾名思义，就是您对这家公司的一个简单概括的介绍，
                                                目的是为了让想了解您公司的人怼您的公司有一个初步的认识。下面是公司简介常规的内容供您参考
                                            </div>
                                            <div>
                                                我们以“专注做好品质，用心做好服务”为核心价值
                                                这是一篇示例简介，所谓公司简介，顾名思义，就是您对这家公司的一个简单概括的介绍，
                                                目的是为了让想了解您公司的人怼您的公司有一个初步的认识。下面是公司简介常规的内容供您参考
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-scroll-item-box-right">
                                        <img src="images/10008.png" alt="Image error">
                                    </div>

                                
                                </div>
                            </div>
                            <!-- 发展历程 -->
                           <div class="tab-scroll-item" data-cs-id="1">
                                <h1 class="caption">发展历程</h1>
                                <div class="tab-scroll-item-boxs">
                                    <div class="tab-scroll-item-line"></div>
                                    <div class="tab-scroll-item-boxsc">
                                        <ul>
                                            <li>2022</li>
                                            <li></li>
                                            <li></li>
                                            <div>从2019年诞生至今，产品已行销地区X年, 销量突破XXX</div>
                                        </ul>
                                    </div>
                                    <div class="tab-scroll-item-boxsc">
                                        <ul>
                                            <li>2021</li>
                                            <li></li>
                                            <li></li>
                                            <div>与XXX企业保达成战略合作，质量服务诚信AAA, 销量突破XXX</div>
                                        </ul>
                                    </div>
                                    <div class="tab-scroll-item-boxsc">
                                        <ul>
                                            <li>2020</li>
                                            <li></li>
                                            <li></li>
                                            <div>XXXX公司由XXXX先生于2019年创立</div>
                                        </ul>
                                    </div>
                                    <div class="tab-scroll-item-boxsc">
                                        <ul>
                                            <li>2019</li>
                                            <li></li>
                                            <li></li>
                                            <div>从2019年诞生至今，产品已行销地区X年, 销量突破XXX</div>
                                        </ul>
                                    </div>
                                </div>
                           </div>
                           <!-- 公司视频 -->
                           <div class="tab-scroll-item" data-cs-id="2">
                                <div class="tab-scroll-item-sp d-lg-flex align-items-center justify-content-between">
                                    <div class="tab-scroll-item-sp-left">
                                        <h1 class="caption">公司视频</h1>
                                        <div>我们是一家专注于地产开发和投资的公司，致力于为客户提供高质量的房地产解决方案。无论您是寻找理想的住宅、商业物业还是投资机会，我们都能为您提供全方位的专业服务。</div>
                                        <div>作为一家经验丰富的地产公司，我们在市场上拥有广泛的资源和合作伙伴网络。我们的团队由行业专业人士组成，具备丰富的知识和技能，能够为客户提供全面的咨询和支持。我们致力于打造具有创意和高品质的地产项目，注重细节和设计。</div>
                                    </div>
                                    <div class="tab-scroll-item-sp-right d-flex justify-content-center align-items-center">
                                        <video src="./video/four.mp4" controls loop autoplay preload="auto"></video>
                                    </div>
                                </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
<!--           服务方式-->
           <div class="box-container" style="display: none">
               <div class="container">
                   <div class="other-container d-md-block d-lg-flex justify-content-between">
                       <div class="intro">
                           <div class="caption">服务方式</div>
                           <p>我们相信那融资至中型商业是一种引人注目的道路至投资。 </p>
                           <p>我们将中间市场融资视为平衡投资组合的核心部分。我们创建此公司的目的是通过优秀的承销和投资组合管理直接提供优质融资的敞口。我们的业务建立在这样的信念上，即领导和安排交易的能够发起有吸引力的投资。</p>
                           <p>被创造至今是一种长期提供者的首都至的中间市场我们满足人对可以在整个经济周期内交付的灵活，可靠的需求。我们提供完整的“一站式”融资解决方案，并且是杰出的私人股本公司的方。我们的融资由长期机构投资者的资本承诺提供资金。 </p>
                           <p>我们专门专注于中型市场，自成立以来已融资超过XXX亿美元。</p>
                       </div>
                       <div class="img-group">
                           <div class="row justify-content-between">
                               <div class="item col-md-6">
                                   <img src="images/10010.jpg" alt="中小企业成长辅导">
                                   <p>中小企业成长辅导</p>
                               </div>
                               <div class="item col-md-6">
                                   <img src="images/10011.jpg" alt="受托资产管理">
                                   <p>受托资产管理</p>
                               </div>
                               <div class="item col-md-6">
                                   <img src="images/10012.jpg" alt="企业投融资服务">
                                   <p>企业投融资服务</p>
                               </div>
                               <div class="item col-md-6">
                                   <img src="images/10013.jpg" alt="资本整合及运营">
                                   <p>资本整合及运营</p>
                               </div>
                           </div>
                       </div>
                   </div>

               </div>
           </div>
<!--           团队-->
           <div class="box-container" style="display: none">
               <div class="container team">
                   <div class="tab-scroll d-lg-flex d-md-block justify-content-between">
                       <div class="tab d-flex d-lg-block text-center">
                           <div class="tab-title tab-current" data-cs-id="0">神里绫华</div>
                           <div class="tab-title" data-cs-id="1">心海</div>
                           <div class="tab-title" data-cs-id="2">雷电将军</div>
                       </div>
                       <div class="tab-scroll-box">
                           <div class="tab-scroll-item" data-cs-id="0">
                                <div class="tab-scroll-item-jie d-lg-flex">
                                    <div class="tab-scroll-item-jie-left">
                                        <h2>神里绫华</h2>
                                        <h4>白鹭公主</h4>
                                        <p</p>
                                    </div>
                                    <div class="tab-scroll-item-jie-right">
                                        <img src="https://uploadstatic.mihoyo.com/contentweb/20210720/2021072011090118454.png" alt="">
                                    </div>
                                </div>
                           </div>
                           
                           <div class="tab-scroll-item" data-cs-id="1">
                                <div class="tab-scroll-item-jie d-lg-flex">
                                    <div class="tab-scroll-item-jie-left">
                                        <h2>心海</h2>
                                        <h4>珊瑚宫宫主</h4>
                                        <p></p>
                                    </div>
                                    <div class="tab-scroll-item-jie-right">
                                        <img src="https://webstatic.mihoyo.com/upload/contentweb/2022/06/30/8ca5953fb331d71bc880496f5e8b7745_6228630778438562406.png" alt="">
                                    </div>
                                </div>
                           </div>
                           <div class="tab-scroll-item" data-cs-id="2">
                            <div class="tab-scroll-item-jie d-lg-flex">
                                <div class="tab-scroll-item-jie-left">
                                    <h2>雷电将军</h2>
                                    <h4>七国神明之一</h4>
                                    <p></p>
                                </div>
                                <div class="tab-scroll-item-jie-right">
                                    <img src="https://webstatic.mihoyo.com/upload/contentweb/2022/06/30/fdcbc9ef8859b7077d92ae38d925e15e_7767077963502328666.png" alt="">
                                    
                                </div>
                            </div>
                       </div>
                       </div>
                   </div>
               </div>
           </div>
<!--           新闻资讯-->
           <div class="box-container" style="display: none">
               <div class="container">
                   <div class="caption caption-grzy">
                    个人主页
                   </div>
                   <div class="row-grzy">
                    <a href="http://gitee.com/li0802" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box"><img src="https://foruda.gitee.com/avatar/1709456521780287417/11426222_li0802_1709456521.png!avatar200" alt=""><div><h1>柒柒</h1><p>组长：李明灿</p><p>负责管理页面</p></div></div></a>
                    <a href="https://gitee.com/writing_1_0" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box"><img src="" alt=""><div><h1>欧</h1><p>组员：欧翁兆</p><p>负责演讲</p></div></div></a>
                    <a href="https://gitee.com/Kiryu-L" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box "><img src="" alt=""><div><h1>邪王真眼</h1><p>组员：廖俊杰</p><p>画页面</p></div></div></a>
                    <a href="https://gitee.com/douzii" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box "><img src="" alt=""><div><h1>douzii</h1><p>组员：罗聪</p><p>框架搭建</p></div></div></a>
                    <a href="https://gitee.com/yang1110fei " class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box"><img src="https://foruda.gitee.com/avatar/1711460518662510450/14128200_yang1110fei_1711460518.png!avatar200" alt=""><div><h1>37.2</h1><p>组员:杨鹏飞</p><p>写视频文案</p></div></div></a>
                    <a href="https://gitee.com/ldy112233" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box"><img src="" alt=""><div><h1>稚1</h1><p>组员：林大宇</p><p>画页面</p></div></div></a>
                    <a href="https://gitee.com/li0802/four" class="col-lg-4 col-md-6 col-sm-12"><div class="grzy-box ck-four ">小组仓库地址<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
                        <path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .327.266.592.593.592h5.63c.982 0 1.778-.796 1.778-1.778v-.296a.593.593 0 0 0-.592-.593h-4.15a.592.592 0 0 1-.592-.592v-1.482a.593.593 0 0 1 .593-.592h6.815c.327 0 .593.265.593.592v3.408a4 4 0 0 1-4 4H5.926a.593.593 0 0 1-.593-.593V9.778a4.444 4.444 0 0 1 4.445-4.444h8.296Z"/>
                      </svg>
                      </div></a>
                   </div>
               </div>
           </div>
<!--           联系我们-->
           <div class="box-container" style="display: none">
               <div class="container">
                   <div class="contact">
                       <div class="caption caption-contact">联系我们</div>
                       <div class="form">
                           <form action="#">
                               <div class="form-group"> <label for="name">姓名</label> <input type="text" class="form-control" id="name" placeholder="请输入您的姓名"> </div>
                               <div class="form-group"> <label for="email">邮箱</label> <input type="email" class="form-control" id="email" placeholder="请输入您的邮箱"> </div>
                               <div class="form-group"><label for="phone">手机号</label> <input type="tel" class="form-control" id="phone" placeholder="请输入您的手机号"> </div>
                               <div class="form-group"><label for="message">留言</label> <textarea class="form-control" id="message" rows="3" placeholder="请输入您的留言"></textarea> </div>
                               <button type="submit" class="btn btn-primary">提交</button>
                           </form>
                       </div>
                   </div>
               </div>
           </div>
       </div>
       <button id="showIframe" style="position: absolute;right: 8px;bottom: 40px;" class="icon-kefu">
        <img src="./images/kf.png" alt="icon-kefu" style="width: 40px; height: 40px; border-radius: 5px;">
       </button>
    </div>

    <div class="nav-tip d-md-none d-lg-flex justify-content-between align-items-end">
        <div class="tip tip-current"><span>01</span></div>
        <div class="tip"><span>02</span></div>
        <div class="tip"><span>03</span></div>
        <div class="tip"><span>04</span></div>
        <div class="tip"><span>05</span></div>
        <div class="tip"><span>06</span></div>
    </div>
    <div class="float-menu menu-hidden">
        <svg style="color: white;top: 30px; right: 30px;position: absolute;cursor: pointer" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
            <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
        </svg>
        <nav>
            <ul>
                <li class="menu-current"><a href="#">网页首页 - Home</a></li>
                <li><a href="#">关于我们 - About Us</a></li>
            </ul>
        </nav>
    </div>
    <div id="iframeContainer" class="hidden">
         <iframe src="./ai/ai.html" frameborder="0"></iframe>
    </div>
</body>
</html>
<script src="js/bootstrap.bundle.min.js" type="application/javascript"></script>
<script src="js/scroll.js" type="application/javascript"></script>
